<template>
	<view class="content data-v-1389b5f4">
		<view class="text-login data-v-1389b5f4">
			<text class="data-v-1389b5f4">登录</text>
		</view>
		<view class="data-v-1389b5f4">
			<view class="uni-input-wrapper data-v-1389b5f4">
				<image class="icon data-v-1389b5f4" src="https://ehealth.ipd.hihonor.com/etmcstatic/icon_uid.png">
				</image>
				<input class="uni-input data-v-1389b5f4" maxlength="20" placeholder="请输入UID" type="text"
					v-model="inputAccountValue"></input>
				<uni-icons class="uni-icon data-v-1389b5f4" size="20" type="clear" v-if="inputAccountValue"></uni-icons>
			</view>
			<view class="line data-v-1389b5f4"></view>
			<view class="uni-input-wrapper data-v-1389b5f4">
				<image class="icon data-v-1389b5f4" src="https://ehealth.ipd.hihonor.com/etmcstatic/icon_password.png">
				</image>
				<input class="uni-input data-v-1389b5f4" :password="showPassword" placeholder="请输入密码" type="text"
					v-model="inputPwdValue"></input>
				<uni-icons class="uni-icon data-v-1389b5f4" size="20" type="clear" v-if="inputPwdValue"></uni-icons>
				<image alt="密码" class="password data-v-1389b5f4"
					:src="!showPassword?'https://ehealth.ipd.hihonor.com/etmcstatic/show_password.png':'https://ehealth.ipd.hihonor.com/etmcstatic/hide_password.png'">
				</image>
			</view>
			<view class="line data-v-1389b5f4"></view>
			<button :disabled="!(inputAccountValue.length>4&&inputPwdValue.length>5)" type="warn"
				@tap="redirectTo">登录</button>
			<view class="view_bottom data-v-1389b5f4">
				<image class="checkbox data-v-1389b5f4"
					:src="ischeckAgreement?'https://ehealth.ipd.hihonor.com/etmcstatic/checkbox_checked.png':'https://ehealth.ipd.hihonor.com/etmcstatic/checkbox_normal.png'">
				</image>
				<text class="text30 data-v-1389b5f4">我已阅读并同意</text>
				<text class="agreement data-v-1389b5f4">《用户隐私协议》</text>
			</view>
		</view>
	</view>
</template>
<script>
	export default {
		data() {
			return {
				title: 'Hello',
				ischeckAgreement: false,
				inputAccountValue: "",
				inputPwdValue: "",
				showPassword: true,
			}
		},
		onLoad() {

		},
		methods: {
			redirectTo() {
				uni.switchTab({
					url: '../index/health'
				})
			}
		}
	}
</script>
<style>
	.content {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.login_text.data-v-1389b5f4 {
		color: #fff;
	}

	.btn_text.data-v-1389b5f4 {
		color: #fff;
		font-size: 32rpx;
	}

	.register.data-v-1389b5f4 {
		color: #ef4141;
		font-size: 28rpx;
	}

	.register.data-v-1389b5f4:active {
		color: #f79f9f;
	}

	.btn.data-v-1389b5f4 {
		align-items: center;
		background-color: #ef4141;
		border-radius: 50rpx;
		color: #fff;
		display: -webkit-flex;
		display: flex;
		font-size: 32rpx;
		height: 80rpx;
		justify-content: center;
		margin-bottom: 40rpx;
		margin-top: 88rpx;
	}

	.btn.data-v-1389b5f4:active {
		background-color: #f79f9f;
	}

	.btn_disable.data-v-1389b5f4 {
		align-items: center;
		background-color: #f79f9f;
		border-radius: 50rpx;
		display: -webkit-flex;
		display: flex;
		font-size: 32rpx;
		height: 80rpx;
		justify-content: center;
		margin-bottom: 40rpx;
		margin-top: 88rpx;
	}

	.line.data-v-1389b5f4 {
		background-color: #eee;
		content: "";
		height: 3rpx;
		margin-bottom: 44rpx;
		margin-left: 8rpx;
		width: 100%;
	}

	.content.data-v-1389b5f4 {
		display: block;
		padding-left: 63rpx;
		padding-right: 63rpx;
	}

	.text-login.data-v-1389b5f4 {
		color: #000;
		font-size: 48rpx;
		font-weight: 400;
		margin-bottom: 80rpx;
		margin-top: 228rpx;
	}

	.uni-input-wrapper.data-v-1389b5f4 {
		background-color: #fff;
		display: -webkit-flex;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
	}

	.icon.data-v-1389b5f4 {
		height: 50rpx;
		margin-top: 4rpx;
		width: 50rpx;
	}

	.uni-icon.data-v-1389b5f4 {
		color: #999;
		font-family: uniicons;
		font-size: 32rpx;
		font-style: normal;
		font-weight: 400;
		height: 28px;
		line-height: 48rpx;
		margin-left: 10rpx;
		margin-top: 8rpx;
		width: 28px;
	}

	.password.data-v-1389b5f4 {
		background-color: initial;
		height: 60rpx;
		right: 10rpx;
		width: 60rpx;
	}

	.password+.uni-icon.data-v-1389b5f4 {
		right: 10rpx;
	}

	.uni-input.data-v-1389b5f4 {
		background-color: #fff;
		flex: 1;
		font-size: 32rpx;
		margin-bottom: 24rpx;
		margin-left: 20rpx;
		padding: 0;
	}

	.popup_title.data-v-1389b5f4 {
		color: #3a3a3a;
		font-size: 40rpx;
		font-weight: 600;
	}

	.popup_content.data-v-1389b5f4 {
		color: rgba(0, 0, 0, 0.502);
		font-size: 32rpx;
		margin-bottom: 64rpx;
		margin-top: 64rpx;
	}

	.switch.data-v-1389b5f4 {
		margin-right: 28rpx;
	}

	.popup_view.data-v-1389b5f4 {
		background: #fff;
		border-radius: 20rpx;
		flex-direction: column;
		margin: 20rpx 30rpx;
		padding: 40rpx 20rpx;
	}

	.view_bottom.data-v-1389b5f4 {
		align-items: center;
		display: -webkit-flex;
		display: flex;
		flex: 1;
		flex-direction: row;
		justify-content: center;
	}

	.agreement.data-v-1389b5f4 {
		color: #ef4141;
		font-size: 24rpx;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.agreement.data-v-1389b5f4:active {
		color: #f79f9f;
	}

	.text30.data-v-1389b5f4 {
		color: #303030;
		font-size: 24rpx;
		margin-left: 6rpx;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.checkbox.data-v-1389b5f4 {
		height: 48rpx;
		width: 48rpx;
	}
</style>